<div id="welcome">
 <h1>Steam Whistle</h1>
  <h2>Customizable Steam News</h2>
  <div id="call_to_action" class="ui-state-highlight">
    <div id="pre_action_message">
    {% if user %}
      <div id="pre_action_message">
        Welcome <div id="user_id">{{ user.nickname }}</div>, your account is already setup!
      </div>
      <a href="#settings" id="action_link">Customize</a>
     <div id="post_action_message">Click the link above to customize your notifications</div>
    {% else %}
    <div id="pre_action_message">
      Welcome to Steam Whistle. If you already have a Google Account,
    </div>
     <a href="{{ login_url }}" id="action_link">Login</a>
     <div id="post_action_message">to configure your settings</div>
      </div>
    {% endif %}
    </div>  
  </div>
   <div class="qa">
     <h2>Is this you?</h2>
     <hr class="light_line"/>
     <ul>
       <li>
         Tired of missing deals on Steam because you didn't check the Steam homepage recently?
         <div class="qa_answer">
           "Yes! I missed a great 50% off sale just last week."
         </div>
       </li>
       <li>
         Only interested in a couple products, not everything under the sun in the rss newsfeeds?    
         <div class="qa_answer">
           "Yah, I'd like to hear about TF2 and Left 4 Dead, but not much else."
         </div>
       </li>
       <li>
         Don't follow @steampowered because you don't want all the updates flodding your twitter?
         <div class="qa_answer">
           "Of course. Twitter is already full of enough noise"
         </div>
       </li>
       <li>
        Wouldn't it be cool to get a customized email notification of everything you're into on Steam?
         <div class="qa_answer">
           "Now we're talking!"
         </div>
       </li>
     </ul>
   </div>
   <hr/>
   <h4>You should be using Steam Whistle!</h4>
</div>